<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/hpp_c1_c2.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<title>Editor Grid</title>

<link id="screenBaseCss" rel="stylesheet" type="text/css" href="<s:url value="/css/screen.css"/>"/>
<script src="<s:url value="/js/ejs/Grid/GridE.js"/>" type="text/javascript"> </script>
<link href="<s:url value="/js/ejs/Styles/vtc.css"/>" rel="stylesheet" type="text/css" />
<link href="<s:url value="/css/vtc_screen.css"/>" rel="stylesheet" type="text/css" />
<link id="coreBaseCss" rel="stylesheet" type="text/css" href="<s:url value="/css/core.css"/>"/>
<script language="javascript1.5" type="text/javascript" src="<s:url value="/js/config.js"/>" ></script>
<script language="javascript1.5" type="text/javascript" src="<s:url value="/js/core.js"/>" ></script>
<script language="javascript1.5" type="text/javascript" src="<s:url value="/js/popup.js"/>" ></script>
<script src="<s:url value="/js/jquery-1.4.2.min.js"/>" language="javascript1.5" type="text/javascript"></script>

<style>
.oddRowBgColor {
	background-color:#FF0 !important;
}
</style>

<script>
	function toDisView(level1PlanningId,categoryNodeId){
		if(confirm("Please make sure you have save the data!")){
			window.location = "discipline-planning-item.action?no-decorate&level1PlanningId="+level1PlanningId+"&categoryNodeId="+categoryNodeId
							 +"&operator=<s:property value='operator'/>";
		}
		
	}
	
	
	var level1Start =<s:property value="category.level1Start"/>;
	var level1End =<s:property value="category.level1End"/>;
	
	function showOrHide(thisObj){
		var value = thisObj.value;
		var G=  Grids['LevelOnePlanning'];
		
		if(value.indexOf("Training")!=-1){
			if(value.indexOf("Show")!=-1){
				for(var i=level1Start;i<=level1End;i++){
					G.ShowCol("_"+i+"_"+(i+1)+"_3");
				}
				thisObj.value = 'Hide Planned Training Hours';	
				
			}else{
				for(var i=level1Start;i<=level1End;i++){
					G.HideCol("_"+i+"_"+(i+1)+"_3");
				}
				
				thisObj.value = 'Show Planned Training Hours';
			}
			
		}else{
			if(value.indexOf("Show")!=-1){
				for(var i=level1Start;i<=level1End;i++){
					G.ShowCol("_"+i+"_"+(i+1)+"_1");
				}
				thisObj.value = 'Hide Conversion Factor';	
				
			}else{
				for(var i=level1Start;i<=level1End;i++){
					G.HideCol("_"+i+"_"+(i+1)+"_1");
				}
				thisObj.value = 'Show Conversion Factor';
			}
			
		}
	}
	
	$(function(){
		
		var canEdit="<s:property value='level1Planning.status.canEditLevel1'/>";
		var operatorVal="<s:property value='operator'/>";
		
		if(operatorVal=="PLANNER"||canEdit=="false"){
			$("#saveBtn").hide();
		}	
		
	});
	
</script>

</head>

<body scroll="no" style="overflow:hidden">
<div class="body" style="height:100%;">

  <table style="height:100%; width:100%" border="0" cellpadding="0" cellspacing="0" >
    <tr>
      <td style="height:58px; background:#F00" ><div class="button-region-style">
          <div class="btnSet">
            <table width="95%" cellpadding="0" cellspacing="0" >
              <tr>
                <td><div class="left" >
                <s:if test="level1Planning.status.label!='Endorsed' || level1Planning.status.label!='Waiting For Endorsement'">
                    <div class="button" >
                      <div class="left" >
                        <div class="right" >
                        <security:authorize  access="hasAnyRole('PLANNING_1ST_LEVEL_UPDATE','PLANNING_1ST_LEVEL_INSERT')" >
                          <input class="inputButton" type="button" id="saveBtn" name="" value="Save" onClick="Grids['LevelOnePlanning'].Save();" />
                          </security:authorize>
                        </div>
                      </div>
                    </div>
                    </s:if>
                    <div class="button" >
                      <div class="left" >
                        <div class="right" >
                          <input class="inputButton" type="button" id="" name="" value="Cancel" onClick="window.location='plan-first!input.action?level1PlanningId=<s:property value='level1PlanningId'/>&operator=<s:property value='operator'/>';" />
                        </div>
                      </div>
                    </div>
                    <div class="button" >
                      <div class="left" >
                        <div class="right" >
                          <input class="inputButton" type="button" id="" name="" value="Hide Conversion Factor" onClick="showOrHide(this)" />
                        </div>
                      </div>
                    </div>
                    <div class="button" >
                      <div class="left" >
                        <div class="right" >
                          <input class="inputButton" type="button" id="" name="" value="Hide Planned Training Hours" onClick="showOrHide(this)" />
                        </div>
                      </div>
                    </div>
                  </div></td>
              </tr>
            </table>
          </div>
        </div>
        <div class="title-region-style"> 1st Level Planning - (Plan A)</div></td>
    </tr>
    <tr>
      <td style="vertical-align:top"><input type="hidden" name="grid" id="GridData">
        <div style="width:100%;height:100%">
          <bdo Debug='0' 
               Data_Url="plan-first-category-item!data.action?level1PlanningId=<s:property value='level1PlanningId'/>&operator=<s:property value='operator'/>"
               Upload_Url="plan-first-category-item!save.action?level1PlanningId=<s:property value='level1PlanningId'/>" Upload_Format="Internal" Upload_Data="treeGridData">
          </bdo>
        </div></td>
    </tr>
  </table>
  
</div>
</body>
</html>

